<script lang="ts" setup>
const emit = defineEmits<{
  change: [event: Event];
  focus: [event: FocusEvent];
  focusout: [event: FocusEvent];
}>();

const handleChange = (event: Event) => {
  emit('change', event);
};

const handleFocus = (event: FocusEvent) => {
  emit('focus', event);
};

const handleFocusOut = (event: FocusEvent) => {
  emit('focusout', event);
};
</script>

<template>
  <fluent-menu-list
    @change="handleChange"
    @focus="handleFocus"
    @focusout="handleFocusOut"
  >
    <slot></slot>
  </fluent-menu-list>
</template>

<style scoped></style>
